<template>
  <div id="box">
    <div class="t_top">
      <img src="../assets/img/right.png" alt="">
      <span>酒店相册(46)</span>
    </div>
    <ul class="tab_top">
      <li>
        <router-link to="/album/all">
          全部<br>
          46
        </router-link>
      </li>
      <li>
        <router-link to="/album/out">
          外景<br>
          46
        </router-link>
      </li>
      <li>
        <router-link to="/album/in">
          内景设施<br>
          46
        </router-link>
      </li>
      <li>
        <router-link to="/album/home">
          房间<br>
          46
        </router-link>
      </li>
      <li>
        <router-link to="/album/other">
          周边其他<br>
          46
        </router-link>
      </li>
    </ul>
    <router-view></router-view>
  </div>
</template>
<script>

</script>
<style scoped>
  .tab_top{
    overflow: hidden;
  }
  .tab_top li{
    float: left;
    width:20%;
    text-align: center;
    font-size: 14px;
  }
  .router-link-active{
    color:#B4282D;
  }
  .t_top img{
    width:20px;
    position: absolute;
    left:10px;
    top:12px;
  }
  .t_top{
    border-top:1px solid #AFAFAF;
    height:44px;
    line-height: 44px;
    position: relative;
    text-align:center;
    background: #F9F9F9;
  }
</style>
